define(["jquery"],function(){
	return{
//		初始化header,需要做两件事情:
//			1.根据请求的数据动态生成二级菜单
//			2.给含有二级菜单的选项绑定划入事件,让二级菜单显示
		init:function(res){
			//生成menu
			this.createMenu(res);
			//news递归循环播放,定义变量减少jquery每次遍历查询dom
			var news = $(".header>.news>a");
			this.newsMove(news);
	//---------------------------------------------------------------------------------------------
	
			//绑定事件
			var navi = $(".header_box>li");
			//给有二级菜单的选项设置高度,用于滑入显示二级菜单,防止高度不是100%时产生的间隙影响二级菜单展示
			var hasSecond = navi.has(".iconfont");
			hasSecond.css({
				height:"100%",
				margin:0,
			});
			var hasSecondA = hasSecond.children("a");
			hasSecondA.css({
				height:"24px",
				lineHeight:"24px"
			})
			
			//添加滑入滑出事件(显示\隐藏二级菜单)
			navi.on("mouseenter",function(){
				$(this).children("a").css({
					color:"#fff"
				});
				if($(this).find(".iconfont")){
					$(this).find(".iconfont").toggleClass("icon-xiangxiajiantoukuang").toggleClass("icon-xiangshangjiantoukuang");
					//给ul设置宽度
					$(this).find(".secondMenu").show().animate({
						//每一个li,高度为36
						height:36*$(this).find(".secondMenu").children().length
					},300);
					$(this).find(".secMenu").show().animate({
						height:"140px"
					},300,function(){
						console.log("第三个完成")
					});
				}
			}).on("mouseleave",function(){
				$(this).children("a").css({
					color:"#9e9e9e"
				});
				if($(this).find(".iconfont")){
					//切换图标
					$(this).find(".iconfont").toggleClass("icon-xiangxiajiantoukuang").toggleClass("icon-xiangshangjiantoukuang");
					$(this).find(".secondMenu").animate({
						height:0
					},300,function(){
						$(this).find(".secondMenu").hide();
					}.bind(this));
					$(this).find(".secMenu").animate({
						height:"0px"
					},300,function(){
						$(this).find(".secMenu").hide();
					});
				}
			});
	//---------------------------------------------------------------------------------------------
			
			
		},
		
		createMenu(res){
			
			var secondMenu = $(".header>.header_box").find(".secondMenu");
			//给三个二级菜单设置不同样式
			$(secondMenu[1]).css({
				width:130
			})
//			$(secondMenu[2]).css({
//				width:110,
//				padding:5
//			});
			
			//根据请求的数据动态生成二级菜单,secondMenu没有设置高度，或者设置了最小高度，用于动态创建不同数量的item
			$.each(secondMenu, function(i,menu) {
				switch(i){
					case 0:
					case 1:
						var html = ""; 
						$.each(res.secondMenu[i], function(index,item) {
							html += `<li><a href="javascript:;">${item}</a></li>`
						});
						$(menu).html(html);
					break;
//					case 2:
//						$(menu).css({width:"250px", height:"139px", background:"url(../img/phone_second.png) no-repeat center"})
//					break;
				}
				$(secondMenu[1]).find("a").css({
					fontSize:13
				})
			});
		},
		
		newsMove:function(news){	
			
			var that = this;
			news.css({
				position:"absolute",
				left:"20px"
			}).animate({
				top:"-100%"
			},800,function(){
				news.css({top:"5px"});
				setTimeout(function(){
					that.newsMove(news);
				},1500);
			});
			
			
		}
		
	}
})




